<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="仓鼠的个人官网 - 一枚全栈开发工程师的网站。分享学习生涯的成果，包含程序员专业知识、部落仓鼠工具、仓鼠博客和API服务。">
    <meta name="keywords"
        content="仓鼠,Java程序员,部落冲突机器人,博客,API服务,编程工具,部落冲突机器人,COC机器人,部落冲突阵型,COC阵型库,国际服查询,部落管理工具,QQ机器人,微信机器人,仓鼠机器人">
    <!-- 微信/QQ分享优化 -->
    <meta itemprop="name" content="仓鼠的个人官网">
    <link rel="icon" type="image/x-icon" href="https://p.qlogo.cn/gh/410277781/410277781/0" />

    <meta name="description" itemprop="description"
        content="仓鼠的个人官网 - 一枚全栈开发工程师的网站。分享学习生涯的成果，包含程序员专业知识、部落仓鼠工具、仓鼠博客和API服务。">

    <title>仓鼠的个人官网 | 一枚程序猿的网站</title>
    <link rel="stylesheet" href="//at.alicdn.com/t/c/font_4924372_7mb1xe1xdvb.css">
    <link rel="stylesheet" href="staticResource/css/v1/style.css">
    <style>
        /* API服务弹框样式 */
    </style>
</head>

<body>
    <!-- 动态网格背景（初始状态） -->
    <div class="grid-bg" id="gridBg"></div>

    <!-- 主内容 -->
    <div class="content" id="content">
        <!-- 导航栏 -->
        <nav class="navbar">
            <div class="container nav-container">
                <div class="logo-container">
                    <img src="https://q.qlogo.cn/g?b=qq&s=100&nk=936642284" alt="仓鼠" class="logo-img">
                    <a href="#" class="logo">仓鼠官网</a>
                </div>

                <ul class="nav-links">
                    <li><a href="#about">关于</a></li>
                    <li><a href="#projects">作品</a></li>
                    <li><a href="https://yzycoc.com/qq" target="_blank">部落仓鼠工具</a></li>
                    <li><a href="https://yzycoc.com/blog" target="_blank">博客</a></li>
                </ul>
                <div class="menu-toggle" id="mobileMenu">
                    <span></span>
                    <span></span>
                    <span></span>
                </div>
            </div>
        </nav>

        <!-- 英雄区域 -->
        <header class="hero">
            <div class="container">
                <div class="hero-left">

                    <h1 class="title animate-typing">仓鼠的个人官网</h1>
                    <p class="subtitle">一枚
                        <span class="highlight"> 程序猿</span>的个人网站，我将会在这里分享学习生涯的作品，目前包含程部落仓鼠工具、仓鼠博客和API服务。
                    </p>
                    <div class="cta-buttons">
                        <a href="#projects" class="btn btn-primary">查看作品</a>
                        <a href="https://yzycoc.com/qq" class="btn btn-secondary" target="_blank">访问部落工具</a>
                        <a href="https://yzycoc.com/blog" class="btn btn-secondary" target="_blank">访问博客</a>
                    </div>
                </div>
                <div class="hero-right">
                    <div class="hero-image" data-src="https://pic.imgdb.cn/item/65ddd7409f345e8d0394f256.webp"></div>
                    <div class="floating-elements">
                        <div class="floating-element element1"><i class="iconfont icon-code1"></i></div>
                        <div class="floating-element element2"><i class="iconfont icon-robot"></i></div>
                        <div class="floating-element element3"><i class="iconfont icon-aislogo"></i></div>
                    </div>
                </div>
            </div>
        </header>

        <!-- 滚动指示器 -->
        <div class="scroll-down-container">
            <a href="#about" class="scroll-down">
                <i class="iconfont icon-xiangxia"></i>
            </a>
        </div>

        <!-- 关于区域 -->
        <section id="about" class="section about">
            <div class="container">
                <h2 class="section-title">关于<span class="highlight">作者</span></h2>
                <div class="about-content">
                    <div class="about-text">
                        <p>你好！可以称呼我为仓鼠，我是一名软件开发从业者。</p>
                        <p>这个网站记录了我的学习历程和技术积累，包含了编程知识、个人项目。</p>
                        <p>希望通过这个平台分享我的经验，同时也促使我不断提高自己的编程技能。</p>
                        <div class="skills">
                            <span class="skill-tag">Java 体系</span>
                            <span class="skill-tag">服务端开发</span>
                            <span class="skill-tag">物联网方向</span>
                            <span class="skill-tag">游戏方向</span>
                            <span class="skill-tag">Web</span>
                            <span class="skill-tag">移动端</span>
                            <span class="skill-tag">服务器运维</span>
                            <span class="skill-tag">脚本编程</span>
                            <span class="skill-tag">kotlin</span>
                            <span class="skill-tag">...</span>
                        </div>
                    </div>
                    <div class="about-image">
                        <div class="hamster-avatar" id="hamsterAvatar">
                            <div class="ear left"></div>
                            <div class="ear right"></div>
                            <div class="face"></div>
                            <div class="eye left"></div>
                            <div class="eye right"></div>
                            <div class="nose"></div>
                            <div class="mouth"></div>
                            <div class="cheek left"></div>
                            <div class="cheek right"></div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- 项目区域 -->
        <section id="projects" class="section projects">
            <div class="container">
                <h2 class="section-title">我的<span class="highlight">作品</span></h2>
                <div class="projects-grid">
                    <!-- 项目1 -->
                    <div class="project-card">
                        <div class="project-header">
                            <i class="iconfont icon-robot project-icon"></i>
                            <h3 class="project-title">部落仓鼠工具</h3>
                        </div>
                        <p class="project-description">QQ微信群部落冲突机器人，提供游戏辅助功能和阵型库。</p>
                        <div class="project-features">
                            <span><i class="iconfont icon-robot"></i> 部落冲突机器人</span>
                            <span><i class="iconfont icon-buju"></i> 阵型库</span>
                            <span><i class="iconfont icon-yunKong"></i> 云控面板</span>
                        </div>
                        <a href="https://yzycoc.com/qq" class="btn btn-project" target="_blank">访问项目</a>
                    </div>

                    <!-- 项目2 -->
                    <div class="project-card">
                        <div class="project-header">
                            <i class="iconfont icon-blog project-icon"></i>
                            <h3 class="project-title">仓鼠的博客</h3>
                        </div>
                        <p class="project-description">分享技术文章、编程经验和学习心得的技术博客。</p>
                        <div class="project-features">
                            <span><i class="iconfont icon-bookmark"></i> 技术文章</span>
                            <span><i class="iconfont icon-bookmark"></i> 学习笔记</span>
                        </div>
                        <a href="https://yzycoc.com/blog" class="btn btn-project" target="_blank">访问博客</a>
                    </div>

                    <!-- 项目3 -->
                    <div class="project-card">
                        <div class="project-header">
                            <i class="iconfont icon-APIfabu- project-icon"></i>
                            <h3 class="project-title">仓鼠API服务</h3>
                        </div>
                        <p class="project-description">提供各种实用API接口服务，为开发者提供便利。</p>
                        <div class="project-features">
                            <span><i class="iconfont icon-bookmark1"></i> RESTful API</span>
                            <span><i class="iconfont icon-bookmark1"></i> 实用接口</span>
                            <span><i class="iconfont icon-bookmark1"></i> 实用工具</span>
                        </div>
                        <a href="javascript:void(0);" class="btn btn-project"
                            style="background-color:rgb(229 231 235)">即将开放</a>
                    </div>
                </div>
            </div>
        </section>


        <!-- 页脚 -->
        <footer class="footer">
            <div class="container">
                <div class="footer-content">
                    <div class="footer-brand">
                        <a href="#" class="logo">仓鼠の官网</a>
                        <p>一枚程序猿的个人网站</p>
                    </div>
                    <div class="footer-links">
                        <h4>快速链接</h4>
                        <ul>
                            <li><a href="#about">关于</a></li>
                            <li><a href="#projects">项目</a></li>
                            <li><a href="https://yzycoc.com/i">部落仓鼠工具</a></li>
                            <li><a href="https://yzycoc.com/blog" target="_blank">博客</a></li>
                        </ul>
                    </div>
                    <div class="footer-projects">
                        <h4>我的项目</h4>
                        <ul>
                            <li><a href="https://yzycoc.com/qq" target="_blank">部落仓鼠工具</a></li>
                            <li><a href="https://yzycoc.com/blog" target="_blank">博客</a></li>
                        </ul>
                    </div>
                    <div class="footer-social">
                        <h4>联系作者</h4>
                        <div class="social-icons">
                            <a href="mailto:yzycoc@163.com" target="_blank" aria-label="email"><i
                                    class="iconfont icon-email-fill"></i></a>
                            <a href="https://qm.qq.com/q/e34HF43MQw" target="_blank" aria-label="QQ"><i
                                    class="iconfont icon-qq"></i></a>
                            <a href="https://qm.qq.com/cgi-bin/qm/qr?k=kypfNILPxEw6p5_dA0i1sBrOjkhBonKf&jump_from=webapi&authKey=Y1A1QTUSRsw5pGFgAb1Mt6FiACvjidAEovJn9VByqzjgVDxm8pW1FfIREMWfeWdX"
                                target="_blank" aria-label="QQ 群"><i class="iconfont icon-qunliao"></i></a>
                            <a href="https://gitee.com/yzycoc" target="_blank" aria-label="GitHub"><i
                                    class="iconfont icon-gitee"></i></a>

                        </div>
                    </div>
                </div>
                <div class="footer-bottom">
                    <p><a href="https://beian.miit.gov.cn" target="_blank"
                            class="hamster-footer-beian">鄂ICP备19024798号-1</a> | Copyright © 2025 仓鼠工具 版权所有</p>
                </div>
            </div>
        </footer>
    </div>

    <!-- 返回顶部按钮 -->
    <button id="backToTop" aria-label="返回顶部">
        <i class="iconfont icon-top-filling"></i>
    </button>

    <script src="staticResource/js/main.js" defer></script>

    <script src="staticResource/js/jquery.js"></script>
    <!-- Google Analytics -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=GA_MEASUREMENT_ID"></script>
    <script>
        $(document).ready(function () {
            let conTxt = `🌒 作者有话说：
    欢迎来到仓鼠的网站👏
    无论您出于什么目的来到这里，首先十分欢迎您的到来。
    如果您只是想参考学习,那我十分荣幸,欢迎参考使用（包括商用）。您也可以添加我的微信，一起学习  砥砺前行! o((>ω< ))o
    如果您是想攻击我的网站，在下请求您能够止步于此。因为作为开发的我实在是不擅长网络攻防，也花不了很多钱做服务器的防护。我投降┗( T﹏T )┛
	技术不是高高在上，而是服务于民！！！
		
🏠官网:  http://yzycoc.com
📞微信:  yao936642284	愿我们的故事永不落幕🌥🌥🌥
`
            console.log('%c' + conTxt, 'color: #126bae;line-height: 20px;');
        });
    </script>
    <script>
        // 百度统计 
        var _hmt = _hmt || [];
        (function () {
            var hm = document.createElement("script");
            hm.src = "https://hm.baidu.com/hm.js?ba6aff9caa674280285d9f5f117603c4";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();
    </script>

</body>

</html>